<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport"
    content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <title>搜索</title>
  <link rel="stylesheet" href="./iconfont/font/iconfont.css">
  <link rel="stylesheet" href="./css/base.css">
  <link rel="stylesheet" href="./css/commen.css">
  <link rel="stylesheet" href="./css/search.css">
</head>

<body>
  <!-- 头部区域 引入样式commen-->
  <header class="header">
    <a href="#"><span class="iconfont icon-fanhui"></span></a>
    <h3 class="header_title">商品搜索</h3>
  </header>

  <!-- 搜索区域 -->
  <div class="search_content">
    <div class="search_content_region">
      <div class="search_content_left">
        <span class="iconfont icon-RectangleCopy"></span>
        <div class="search_content_box">
          <input type="search" placeholder="请输入您搜索的商品">
        </div>
      </div>
      <div class="search_content_right">
        <a href="#">搜索</a>
      </div>
    </div>
  </div>

  <!-- 历史记录 -->
  <div class="history">
    <div class="left">最近搜索</div>
    <div class="right">
      <span class="iconfont icon-ashbin"></span>
    </div>
  </div>

  <!-- 最近搜索内容 -->
  <div class="recent_searches">
    <!-- <span class="search">手机</span> -->
  </div>


  <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
  <script src="./js/commen.js"></script>
  <script src="./js/search.js"></script>
</body>

</html>